<template>
	<view class="content flex justify-between align-center margin-top-sm">
		<view class="left flex align-center">
			<view class="icon margin-lr-sm">
				<u-icon name="bell" size="24"></u-icon>
			</view>
			<view class="title">
				<view class="head text-bold text-lg">{{title}}</view>
				<view class="sub-head">Seasonal Recommend</view>
			</view>
		</view>
		<view class="right margin-right-sm">
			Seasonal
		</view>
	</view>
</template>

<script>
	export default {
		props:["title"],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">

</style>